{extend name="public/base"/}
{block name="style"}
	<link  rel="stylesheet" type="text/css" href="__PUBLIC__/static/css/mbook/index.css" />
	<link  rel="stylesheet" type="text/css" href="__PUBLIC__/static/css/mbook/style.css" />
	<link  rel="stylesheet" type="text/css" href="__PUBLIC__/static/css/mbook/all_header.css" />

<style>
body{background:#fafafa;}
.tt_fR{text-align:right;float:right;  font-size:16px;  color:#fff;  }
.tt_fr i{font-size:20px;margin-right:5px}
.tt_fr a{color:#fff;margin-right:10px;}
.tt_fl{margin-left:10px;}
.comment_title {
    width: 100%;
	margin:0;
    height: 50px;
    position: relative;
    text-align: left;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
	background:#44B549;
}
.discuss{
    background: #fff;
}
.discuss-head{
    border-bottom: 1px solid #eee;
    margin: 0 10px;
}
.discuss-head h3{
    height: 45px;
    line-height: 45px;
    color: #ffb85d;
    display: inline-block;
}
.discuss-head a{
    float: right;
    display: inline-block;
    font-size: 13px;
    margin: 12px 5px;
    color: #00a7ff;
}

.comment-on{
    width: 95%;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #eee;
}
.comment-head{
    text-align: center;
    position: relative;
    height: 30px;
    background: #ffb85d;
    line-height: 30px;
    font-size: 14px;
    border: 1px solid #ffb85d;
}
.comment-head h4{
    font-size: 14px;
    color: #5c5c5c;
}
.comment-closed{
    position: absolute;
    top: -1px;
    right: 5px;
    font-size: 22px;
    color: #868686;
}
.showcommit{
    background: #fff;
    margin: 0;
    padding: 0 0 10px 0;
}
.comment-list{
    padding: 0 10px;
    border-bottom: 1px solid #eee;
}
.comment-list li{
    display: flex;
}
.comment-list li:last-child .comment-date{
    border:none;
}
.head-pic{
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-top: 8px;
}
.head-pic img{
    width: 100%;
    border-radius: 40px;
}
.comment-content{
    display: inline-block;
    flex: 1;
    margin: 0 10px;
    position: relative;
}
.comment-content h5{
    padding: 20px 0 15px 0;
    font-size: 14px;
    font-weight: 500;
    color: #2a2a2a;
}
.comment-content p{
    margin-bottom: 20px;
    color: #5c5c5c;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.5px;
    position: relative;
}
.read-all{
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 13px;
    color: #e91c32;
}
.comment-date{
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.comment-date span{
    font-size: 12px;
    color: #868686;
}
.comment-date a{
    float: right;
    font-size: 13px;
    margin-right: 5px;
    color: #44b549;
}
.comment-top{
    position: absolute;
    top: 8px;
    right: 0;
}
.comment-Stick{
    font-size: 13px;
    color: #ffb85d;
}
.comment-digest{
    font-size: 13px;
    margin-right: 5px;
    color: #e91c32;
}
.ticket-page{
    text-align: center;
    padding: 10px 0;
    background: #fff;
}
.ticket-page a{
    display: inline-block;
    background: #44b549;
    width: 80px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
}
.opt_page{
    width: 90px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #44b549;
    border-radius: 5px;
    margin: 0 15px;
    vertical-align: bottom;
    text-align: center;
    color: #5c5c5c;
}
.tips{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}
.tips-alert{
    width: 140px;
    margin: 65% auto;
    background:#44b549;
    border-radius: 5px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-weight: 500;
    color: #fff;
}
.tips-alert p {
    font-size: 14px;
}

</style>
<style>
		*{margin:0;padding:0;}
		body{max-width:768px;margin:auto;background:#fafafa}
		.table_all{display:table;width:100%;margin:auto;}
		.cell_all{display:table-cell}
		.row_all{display:table-row}
		.box_all{
			display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
			display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
			display: -ms-flexbox;      /* TWEENER - IE 10 */
			display: -webkit-flex;     /* NEW - Chrome */
			display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
			flex-flow: row wrap;
		}
		.wap_user{width:40px;
			height:40px;
		}

		.font-16{font-size:16px}
		.font-18{font-size:18px;}
		.font_20{font-size:20px}
		.font_28{font-size:28px}
		.font_33{font-size:33px;}
		.Money_button {
			width: 180px;
			height: 45px;
			background: #44B549;
			line-height: 45px;
			color: #fff;
			border-radius: 5px;
			display: block;
			clear: both;
			text-align: center;
			margin: 0 auto;
			margin-top: 10px;
			margin-bottom: 10px;
			font-size: 25px;
			border:none;
		}
		.footer{margin:auto;padding-top:15px;background:#fff;min-height:140px;border-top:5px solid #eee;}
		.footer a{color:#000;
			font-size:12px;width:100%;
			display:inline-block;
			/*font-size:12px;height:1em;line-height:1em;*/
		}
		.footer .auto li{width:calc( 100%/5 - 2px );text-align:center;}
		.footer .auto{margin:auto; border-bottom:1px solid #eee;padding-bottom:15px;}
		.center{text-align:center}
		/*li[class="cursor"]{border-right:1px solid #ccc;}*/
		.copy{margin:auto;width:100%;
			text-align: justify;
			font-size: 0;
			display:table;
		}
		.copy1{text-align:center;}
		.copy1 span{
			background:#008eea;
			color:#fff;
			width:30px;height:30px;line-height:30px;
			text-align:center;
			box-shadow:5px 5px 5px #bbb;
			border-radius:5px;
			display:inline-block;margin:10px 3px;
		}
		.copy li{
			line-height:30px;
			display: inline-block;
			text-align:center;
			width:25%;margin:0;
		}
		.a_boxr{border:solid #eee;border-width:0px 1px 1px 0px;}
		.a_box1{border:solid #eee;border-width:1px 1px 1px 1px }
		.a_box2{border:solid #eee;border-width:1px 1px 1px 0px;}
		.a_box3{border:solid #eee;border-width:0px 1px 1px 1px;}
		.copy li a{font-size:12px;margin:0;}

		.footer-pub{
			text-align: center;
			margin: auto;
			padding: 15px 0 20px 0;
		}
		.footer-pub a{
			border-right: 1px solid #4d4d4d;
			padding: 0 20px;
			font-size: 10px;
			color: #4d4d4d;
		}
	</style>

<script>
//uid
var m_uid='2680990';
//昵称
var m_nickname='NetLife';
//头像
var m_headerimg='http://q.qlogo.cn/qqapp/101376496/022418C8445A92F58AA8687491256075/100';
//登录地址
//百度登录
var m_loginbaidu = '/?s=login&a=baidulogin&backurl=http%3A%2F%2Fm.lovegz.top%2F%3Fs%3Dcommit%26a%3Dlistshow%26book_id%3D764%26type%3Dall';
//微博登录
var m_loginweibo = '/?s=login&a=weibologin&backurl=http%3A%2F%2Fm.lovegz.top%2F%3Fs%3Dcommit%26a%3Dlistshow%26book_id%3D764%26type%3Dall';
//qq登录
var m_loginqq = '/?s=login&a=qqlogin&backurl=http%3A%2F%2Fm.lovegz.top%2F%3Fs%3Dcommit%26a%3Dlistshow%26book_id%3D764%26type%3Dall';
//微信登录
var m_loginweixin = '/?s=login&a=weixinlogin&backurl=http%3A%2F%2Fm.lovegz.top%2F%3Fs%3Dcommit%26a%3Dlistshow%26book_id%3D764%26type%3Dall';
//登录
var m_loginurl = '/?s=login&a=index&backurl=http%3A%2F%2Fm.lovegz.top%2F%3Fs%3Dcommit%26a%3Dlistshow%26book_id%3D764%26type%3Dall';
</script>


{/block}

{block name="body"}

<div class="info_nav">
  <a  href="javascript:history.back(-1)" class="icon"><i class="icon iconfont icon-jiantou1 font_28"></i></a>
  <span class="text">全部评论</span>
  <a href="/" class=" font-14">首页</a>
  <a href="{:url('books/booksfav')}" class="icon font-14">书架</a>
  <a href="{:url('user/index')}" class="icon-w45">
		<img src="http://q.qlogo.cn/qqapp/101376496/022418C8445A92F58AA8687491256075/100" /> 
	</a>
</div>
<div class="container">
<div class="discuss">
    <div class="discuss-head">
        <h3>肖靖堂升职记</h3>
        <a href="/?s=commit&a=addindex&book_id=764"><i class="icon iconfont icon-xiaoxi"></i>发表评论</a>
    </div>
    <div id="showcommit" class="showcommit">
        <div class=" selectTag" id="tagContenttt0">
            <ul class="comment-list">
                            </ul>
        </div>
    </div>
</div>
<!--<div class="comment_title">-->
	<!--<span class="tt_fL">肖靖堂升职记</span>-->
	<!--<span class="tt_fR"><a href="/?s=commit&a=addindex&book_id=764">-->
<!--<i class="icon iconfont icon-xiaoxi"></i>发表评论</a>-->
<!--</span>-->
<!--</div>-->

     <!--<DIV id="tagContenttt">-->
     	<!--<DIV class="tagContenttt selectTag" id="tagContenttt0">-->
		<!---->
 <!--</div>-->
  <!--</div>-->
     <div class="hyPageBox ticket-page">
			         <a  class="pre_page">上一页</a>
			                 <select class="opt_page" onchange="location.href='/?s=commit&amp;a=listshow&amp;type=all&amp;book_id=764&amp;page='+this.value;">
				                		<option value="1"  selected>1</option>
				                </select>
			         <a class="next_page">下一页</a>
			         </div>
</div>
{/block}
{block name="script"}
<script type="text/javascript" src="/js/mbook/jquery.min.js"></script>
<script>
    $(function(){
    $(".next_page").on("click",function() {
        alertNext()
    });
    $(".pre_page").on("click",function() {
        alertPre()
    });
        $(".discuss-head a").click(function() {
            $(".comment-on").css('display','block');
        });
        $(".comment-closed").click(function() {
            $(".comment-on").css('display','none');
        });
    });
    function alertNext(){
        var next ='<div class="tips"><div class="tips-alert"><p>已经是最后一页了</p></div></div>';
        $("html").append(next);
        $(".tips").css("display","block");
        setTimeout(function () {$(".tips").css("display","none");}, 1500)
    }
    function alertPre(){
        var pre ='<div class="tips"><div class="tips-alert"><p>已经是第一页了</p></div></div>';
        $("html").append(pre);
        $(".tips").css("display","block");
        setTimeout(function () {$(".tips").css("display","none");}, 1500)

    }
</script>
{/block}

